﻿<?php 
if($this->session->userdata('user_logedin')){
	
	$this->load->view('user/header');
}else {
	$this->load->view('common/header');
}
	
$this->load->view('common/head');
?>
<script src="<?php echo ASSET_URL.'js/jquery-1.10.2.js'?>"></script>
<style>
.contact_err{ color:red; }
</style>
<img src="<?php echo ASSET_URL.'img/contact/03.jpg'?>" alt="">  
    
 <div class="space40"></div>
  <div class="container">
    <div class="row"> 
      <div class="col-md-12">
        <h1>Get In Touch!</h1>
      </div>
    </div>    
  </div>    
  
  <div class="space20"></div>  
  
  <div class="container">
    <div class="row"> 
      <div class="col-md-6">  
      
        <div class="row contact-data">
          <div class="col-md-6">
            <h4>Address</h4>
            Elsevier Health Sciences<br>
            Reed Elsevier India Pvt. Ltd.<br>
            14th Floor, Building No. 10B,<br>
            DLF Cyber City, Phase II,<br>
            Gurgaon (Haryana) – 122002, India
            <div class="space40"></div>
          </div>  
          <div class="col-md-6">
            <h4>Office Hours</h4>  
            <strong>Monday - Friday:</strong> 09:00 - 17:00<br>
            <strong>Saturday:</strong> 09:00 - 13:00<br>
            <strong>Sunday:</strong> Closed<br>
            <div class="space100"></div>
          </div>  
          <div class="col-md-6">
            <h4>Contact Info</h4>  
            <i class="fa fa-phone"></i> +91-124-4774444<br>
            <i class="fa fa-envelope"></i> <a href="mailto:ysa@ias.unu.edu">ysa@ias.unu.edu</a><br>
            <i class="fa fa-globe"></i> <a href="mailto:b.raynor@elsevier.com">b.raynor@elsevier.com</a><br>
            <div class="space40"></div>
          </div>  
          <div class="col-md-6 social-4">
            <h4>Socials Media</h4>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-flickr"></i></a>
            <a href="#"><i class="fa fa-google-plus"></i></a>
            <a href="#"><i class="fa fa-twitter"></i></a>
          </div>  
          <div class="space40"></div>
        </div>
      
      </div> 
      <div class="col-md-6">  
        
        <h4>Contact Form</h4>    
        <!-- Form -->
        <form role="form" id="contact_us" action="" method="post" class="contact-form">
          <div class="row">            
            <div class="form-group col-sm-6">
              <label for="name2">Name</label>
              <input class="form-control" id="contact_name" name="name" type="text" value="" placeholder="Name">
              <div class="error" id="err-name"></div>
              <span class="contact_err"><?php echo form_error('name'); ?></span>
            </div>
            <div class="form-group col-sm-6">
              <label for="email2">E-mail</label>
              <input  class="form-control" id="contact_email" name="email"  type="text" placeholder="E-mail" value="">
              <div class="error" id="err-email"></div> 
              <span class="contact_err"><?php echo form_error('email'); ?></span>
            </div>
          </div>                
          <div class="row">            
            <div class="form-group col-md-12">
              <label for="message2">Message</label>
              <textarea class="form-control" id="contact_message" name="message" placeholder="Message"></textarea>
              <div class="error" id="err-message"></div>  
              <span class="contact_err"><?php echo form_error('message'); ?></span>   
            </div>
          </div> 
          <div class="row spacer30"></div>
          <div class="row">            
            <div class="col-md-12 text-center">
            <span style="color:green;"><?php echo $this->session->userdata('contact_message'); $this->session->unset_userdata('contact_message');?></span>
              <div class="error" id="err-form">There was a problem validating the form please check!</div>
              <div class="error" id="err-timedout">The connection to the server timed out!</div>
              
              <div class="error" id="err-state"></div>                 
              <button type="button" class="btn btn-primary submit_btn" id="contact_btn" style="float:right;">Submit</button>
            </div>
          </div>
        </form>   
        <!-- Form End -->
          
      </div>    

    </div> 
  </div> 
  
  <div class="space30"></div>  
  
  <div class="container">
    <div class="row">
      <div class="col-md-12">                                                                                                                                                                                      
        <iframe id="map" src="https://maps.google.sk/maps/ms?msa=0&amp;msid=210946297010027755543.0004c74af772bb9276d33&amp;ie=UTF8&amp;ll=48.576981,19.13117&amp;spn=0,0&amp;t=m&amp;output=embed"></iframe>
      </div>
    </div>
  </div> 

  <div class="space30"></div>
<!--call of action-->
    
    	<div class="container orange_bg">
        	<div class="space20"></div>
        	<div class="col-md-9 col-lg-9 col-xs-12 color_white" style=" line-height:50px; font-size:24px; letter-spacing:5px;"> ProSPER.NET SCOPUS Young Scientist Award 2015 </div><div class="col-md-3 col-xs-12 col-lg-3 white_bg text-center" style="font-size:24px; line-height:50px; letter-spacing:5px;"><a href="#"> Apply Today </a></div>
        	<div class="space20"></div>
        </div>
    
    <!--call of action Ends-->
    <div class="space30"></div>
<!-- Partners -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">
				<h5>Jointly Organised by</h5>
        <ul class="partners-6">  
          <li> 
            <a href="#"><img src="<?php echo ASSET_URL.'img/partners/prospernet.png'?>" style="width:50%;" alt=""></a>
          </li> 
          <li> 
            <a href="#"><img src="<?php echo ASSET_URL.'img/partners/elsevier.png'?>" style="width:50%;" alt=""></a>
          </li> 
          <li> 
            <a href="#"><img src="<?php echo ASSET_URL.'img/partners/scopus.png'?>" style="width:60%;" alt=""></a>
          </li> 
          <li> 
            <a href="#"><img src="<?php echo ASSET_URL.'img/partners/alexzender.png'?>" style="width:60%;" alt=""></a>
          </li>
        </ul>

      </div>
    </div>
  </div>      
  <!-- Partners End -->

  <div class="space60"></div>
  <!-- Content End -->
 <script type="text/javascript" >    

$(document).ready(function(){
$("#contact_btn").click(function(){
var name_pattern=/^[A-Za-z0-9][A-Za-z0-9&.)(\-\, ]+$/;	
var email_pattern=/^[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*(\.[A-Za-z]{2,12})$/;
var text_pattern=/^[A-Za-z0-9\.\,-\_\&\)(\ ]+$/;
if($("#contact_name").val() =="")
	{
	$('#err-name').html('Please enter your name');
	$('#err-name').show(500);
	$('#err-name').delay(4000);
	$('#err-name').animate({
	height: 'toggle' 
	}, 500, function() {
	// Animation complete.
	});
	$("#contact_name").focus();
	}
else if(!name_pattern.test($("#contact_name").val())){
		$('#err-name').html('Special character are not allowed');
		$('#err-name').show(500);
		$('#err-name').delay(4000);
		$('#err-name').animate({
		height: 'toggle' 
		}, 500, function() {
		// Animation complete.
		});
		$("#contact_name").focus();
		}
		
else if($("#contact_email").val() =="")
	{
	$('#err-email').html('Please enter Email');
	$('#err-email').show(500);
	$('#err-email').delay(4000);
	$('#err-email').animate({
	height: 'toggle' 
	}, 500, function() {
	// Animation complete.
	});
	$("#contact_email").focus();
	}
else if(!email_pattern.test($("#contact_email").val()))
	{
	$('#err-email').html('Please enter a valid email');
	$('#err-email').show(500);
	$('#err-email').delay(4000);
	$('#err-email').animate({
	height: 'toggle' 
	}, 500, function() {
	// Animation complete.
	});
	$("#contact_email").focus();
	}
else if($("#contact_message").val() =="")
	{
	$('#err-message').html('Please enter your message or query');
	$('#err-message').show(500);
	$('#err-message').delay(4000);
	$('#err-message').animate({
	height: 'toggle' 
	}, 500, function() {
	// Animation complete.
	});
	$("#contact_message").focus();
	}
else if(!text_pattern.test($("#contact_message").val()))
	{
	$('#err-message').html('Special character are not allowed');
	$('#err-message').show(500);
	$('#err-message').delay(4000);
	$('#err-message').animate({
	height: 'toggle' 
	}, 500, function() {
	// Animation complete.
	});
	$("#contact_message").focus();
	}


else
		{	$("#contact_us").submit();
		}
});
});

</script> 
 <?php $this->load->view('common/footer') ?> 